<template>
	<view class="content">
		<!-- 这里是状态栏 -->
		<view class="status_bar"></view>
		<HeadLeft :webtext='webtext'></HeadLeft>
		<view class="body">
			<!-- 卡片 -->
			<view class="card">
				<view class="left">
					<view>尊敬的会员：</view>
					<view>我司网银入金入款卡号会不定时更换，每次入金前请咨询客服，认准最新卡号。十分感谢您的支持！</view>
					<view>我司全体员工祝您财源广进，日进斗金！</view>
				</view>
				<view class="right">
					<image src="../../static/static/loginlogo.png" mode="widthFix"></image>
					<view>中金国际</view>
				</view>
			</view>
			<!-- 入金请联系客服 -->
			<view class="textCenter">
				<text @click="navgo">入金请联系客服</text>
			</view>
		</view>
	</view>
</template>

<script>
	import HeadLeft from '../../components/headLeft.vue'
	export default {
		components:{  
			HeadLeft
		},
		data(){
			return{
				webtext:"入金中心",
			};
		},
		onLoad() {
			// uni.navigateTo({
			// 	url:"/pages/login/index"
			// })
		},
		onShow() {
			if (uni.getStorageSync('Authorized')) {
			} else{
				uni.navigateTo({
					url:"/pages/login/index"
				})
			}
		},
		methods:{
			// 跳转到客服 
			// uni.switchTab是跳tabbar的
			navgo(){
				uni.switchTab({
					url:"/pages/customer/index"
				})
			}
		}
	}
</script>

<style scoped>
	.body{
		height: calc(100vh - 88upx - 100upx - var(--status-bar-height));
		overflow-y: auto;
	}
	.card{
		margin: 30upx 40upx;
		width: calc(100% - 80upx);
		padding: 40upx 30upx;
		border-radius: 30upx;
		background: linear-gradient(45deg, rgba(88, 109, 177, 1) 0%, rgba(78, 98, 159, 1) 25%,
		rgba(73, 90, 153, 1) 50%, rgba(63, 83, 141, 1) 75%, rgba(56, 71, 127, 1) 100%);
		display: flex;
		justify-content: space-between;
	}
	.card .left{
		width: 470upx;
	}
	.card .left view{
		color: white;
		font-size: 24upx;
	}
	.card .left view:nth-of-type(2){
		text-indent: 10px;
		line-height: 40upx;
		margin: 6upx 0;
	}
	.card .left view:nth-of-type(3){
		text-indent: 10px;
	}
	.right{
		width: 96upx;
	}
	.right image{
		width: 96upx;
		margin-top: 60upx;
	}
	.right view{
		width: 100%;
		font-size: 18upx;
		color: #1e90da;
		font-weight: bold;
	}
	.textCenter{
		color: #007aff;
		height: 300upx;
		text-align: center;
		line-height: 300upx;
		font-size: 34upx;
	}
</style>
